<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<fmt:message key="titulo.cadastro" var="title">
    <fmt:param>
        <fmt:message key="titulo.fichaCriminal" />
    </fmt:param>
</fmt:message>
<%@ include file="/WEB-INF/jsp/includes/topo.jspf" %>
<script type="text/javascript">

	$(function() {
		var estadoSelect = $('#estadoSelect');
		popularMunicipios(estadoSelect);
		
		estadoSelect.on('change', function(){
			popularMunicipios(estadoSelect);
		});
		
	});
	
	function desabilitarMunicipio(naturalidadeSelect) {
		var options = [];
		options.push(' <option>Selecione..</option> '); // colocando a primeira option...
		naturalidadeSelect.html(options.join('')).prop('disabled', 'disabled');
	}
	
	function popularMunicipios(estadoSelect) {
		var naturalidadeSelect = $('#naturalidadeSelect');
		var selecionado = estadoSelect.val(); // pega o ID do estado
	      if(selecionado != '') {
		      $.ajax({
		         url:'/sisp-sicrim/pages/municipio/lista/' + selecionado,
		         dataType:'json', // O Server vai retornar um JSON
		         success:function(data){
		            // Precisa transformar de json para objeto html
		            var options = [];
		            options.push(' <option>Selecione..</option> '); // colocando a primeira option...
		            for (var i = 0; i < data.length; i++) {
		            	var sel = (${entidade.naturalidade != null ? entidade.naturalidade.id : 0} == data[i].id);
		               options.push('<option value="'+ data[i].id + '"' + (sel ? 'selected' : '') + '>' + data[i].descricao + '</option>');
		            }
		            // Agora precisa juntar esses options dentro da combo de cidades
		            naturalidadeSelect.html(options.join('')).prop('disabled', false);
		         }
		      });
	      } else {
	    	  desabilitarMunicipio(naturalidadeSelect);
	      }
	}

</script>

<form action="${path}/pages/fichaCriminal/salvar" method="POST" class="formCadastro">
	
    <c:if test="${not empty entidade.id}">
        <input type="hidden" name="_method" value="PUT"/>
        <label><fmt:message key='campo.id' /></label>
        <input type="text" name="entidade.id" value="${entidade.id}" readonly="readonly" />
    </c:if>

	<fieldset>
		<legend><fmt:message key='categoria.dadosPessoais' /></legend>
	
	    <label><fmt:message key='campo.nome' /></label>
	    <div class="linha">
		    <input type="text" name="entidade.nome" value="${entidade.nome}"
		    class="${mapErrors['nome'] != null ? 'inputError' : ''}"
		    title="${mapErrors['nome'] != null ? mapErrors['nome'] : ''}" />
		    <img alt="asterisco" src="${path}/resources/imgs/asterisco.png" />
		</div>
		
	    <label><fmt:message key='campo.alcunhas' /></label>
	    <input type="text" name="entidade.alcunhas" value="${entidade.alcunhas}"
	    class="${mapErrors['alcunhas'] != null ? 'inputError' : ''}"
	    title="${mapErrors['alcunhas'] != null ? mapErrors['alcunhas'] : ''}" />
					
	    <label><fmt:message key='campo.dtNascimento' /></label>
	    <div class="linha">
		    <input type="text" name="entidade.dtNascimento" value="${entidade.dtNascimento}"
		    class="data ${mapErrors['dtNascimento'] != null ? 'inputError' : ''}"
		    title="${mapErrors['dtNascimento'] != null ? mapErrors['dtNascimento'] : ''}" />
		    <img alt="asterisco" src="${path}/resources/imgs/asterisco.png" />
		</div>
	    
	    <label><fmt:message key='campo.sexo' /></label>
	    <div class="radioButton ${mapErrors['sexo'] != null ? 'inputError' : ''}"
	    	title="${mapErrors['sexo'] != null ? mapErrors['sexo'] : ''}">
	        <c:forEach items="${sexoList}" var="sexo">
	            <input type="radio"  name="entidade.sexo" value="${sexo.value}" ${entidade.sexo.value == sexo.value ? 'checked' : ''} /><label>${sexo.label}</label>
	        </c:forEach>
	    </div>
	    
	    <label><fmt:message key='campo.nacionalidade' /></label>
	    <select name="entidade.nacionalidade">
	        <c:forEach items="${nacionalidadeList}" var="nacionalidade">    
	            <option value="${nacionalidade.value}" ${entidade.nacionalidade.value == nacionalidade.value ? 'selected' : ''}>${nacionalidade.label}</option>    
	        </c:forEach>
	    </select>
	    
	    <label><fmt:message key='campo.naturalidade' /></label>
	    <div style="display: block;">
		    <select id="estadoSelect"  style="display: inline;">
				<option value=""><fmt:message key='campo.selecione' /></option>
		        <c:forEach items="${estadoList}" var="estado">    
		            <option value="${estado.id}" ${entidade.naturalidade.estado.id == estado.id ? 'selected' : ''}>${estado.descricao}</option>    
		        </c:forEach>
		    </select>
		    <select id="naturalidadeSelect" name="entidade.naturalidade" style="display: inline;">
		        <option value=""><fmt:message key='campo.selecione' /></option>
		    </select>
	    </div>

	    <label><fmt:message key='campo.nmMae' /></label>
	    <div class="linha">
		    <input type="text" name="entidade.nmMae" value="${entidade.nmMae}"
		    class="${mapErrors['nmMae'] != null ? 'inputError' : ''}"
		    title="${mapErrors['nmMae'] != null ? mapErrors['nmMae'] : ''}" />
		    <img alt="asterisco" src="${path}/resources/imgs/asterisco.png" />
		</div>
	    
	        
	    <label><fmt:message key='campo.nmPai' /></label>
	    <input type="text" name="entidade.nmPai" value="${entidade.nmPai}"    
	    class="${mapErrors['nmPai'] != null ? 'inputError' : ''}"
	    title="${mapErrors['nmPai'] != null ? mapErrors['nmPai'] : ''}" />
	    
	    <label><fmt:message key='campo.escolaridade' /></label>    
	    <select name="entidade.naturalidade">
	        <c:forEach items="${escolaridadeList}" var="escolaridade">
	            <option value="${escolaridade.value}" ${entidade.escolaridade.value == escolaridade.value ? 'selected' : ''}>${escolaridade.label}</option>    
	        </c:forEach>
	    </select>    
	    
	    <label><fmt:message key='campo.telefone' /></label>
	    <input type="text" name="entidade.telefone" value="${entidade.telefone}" 
	    class="telefone ${mapErrors['telefone'] != null ? 'inputError' : ''}"
	    title="${mapErrors['telefone'] != null ? mapErrors['telefone'] : ''}" />
	    
	    <label><fmt:message key='campo.celular' /></label>
	    <input type="text" name="entidade.celular" value="${entidade.celular}"
		class="telefone ${mapErrors['celular'] != null ? 'inputError' : ''}"
	    title="${mapErrors['celular'] != null ? mapErrors['celular'] : ''}" />
	    
	    <label><fmt:message key='campo.religiao' /></label>
	    <select name="entidade.religiao">
	        <c:forEach items="${religiaoList}" var="religiao">
	            <option value="${religiao.value}" ${entidade.religiao.value == religiao.value ? 'selected' : ''}>${religiao.label}</option>    
	        </c:forEach>
	    </select>     
	
	    <label><fmt:message key='campo.estadoCivil' /></label>
	    <select name="entidade.estadoCivil">
	        <c:forEach items="${estadoCivilList}" var="estadoCivil">
	            <option value="${estadoCivil.value}" ${entidade.estadoCivil.value == estadoCivil.value ? 'selected' : ''}>${estadoCivil.label}</option>    
	        </c:forEach>
	    </select>     
	    
	    <label><fmt:message key='campo.nmConjuge' /></label>
	    <input type="text" name="entidade.nmConjuge" value="${entidade.nmConjuge}"
	    class="${mapErrors['nmConjuge'] != null ? 'inputError' : ''}"
	    title="${mapErrors['nmConjuge'] != null ? mapErrors['nmConjuge'] : ''}" />    	    
	</fieldset>

	<fieldset>
		<legend><fmt:message key='categoria.documento' /></legend>
	
	    <label><fmt:message key='campo.rg' /></label>
	    <input type="text" name="entidade.rg" value="${entidade.rg}"
	    class="${mapErrors['rg'] != null ? 'inputError' : ''}"
    	title="${mapErrors['rg'] != null ? mapErrors['rg'] : ''}" />
	
	    <label><fmt:message key='campo.cpf' /></label>
	    <input type="text" name="entidade.cpf" value="${entidade.cpf}"
	    class="${mapErrors['cpf'] != null ? 'inputError' : ''}"
    	title="${mapErrors['cpf'] != null ? mapErrors['cpf'] : ''}" />
	    
	    <label><fmt:message key='campo.nrCertidaoNasc' /></label>
	    <input type="text" name="entidade.nrCertidaoNasc" value="${entidade.nrCertidaoNasc}"
	    class="${mapErrors['nrCertidaoNasc'] != null ? 'inputError' : ''}"
    	title="${mapErrors['nrCertidaoNasc'] != null ? mapErrors['nrCertidaoNasc'] : ''}" />
	    
	    <label><fmt:message key='campo.nrCarteiraTrabalho' /></label>
	    <input type="text" name="entidade.nrCarteiraTrabalho" value="${entidade.nrCarteiraTrabalho}"
	    class="${mapErrors['nrCarteiraTrabalho'] != null ? 'inputError' : ''}"
    	title="${mapErrors['nrCarteiraTrabalho'] != null ? mapErrors['nrCarteiraTrabalho'] : ''}" />
	    
	    <label><fmt:message key='campo.nrTituloEleitor' /></label>
	    <input type="text" name="entidade.nrTituloEleitor" value="${entidade.nrTituloEleitor}"
	    class="${mapErrors['nrTituloEleitor'] != null ? 'inputError' : ''}"
    	title="${mapErrors['nrTituloEleitor'] != null ? mapErrors['nrTituloEleitor'] : ''}" />
    	
	</fieldset>

    <div class="actions">
        <input type="submit" value="<fmt:message key='acao.salvar' />" />
        <input type="button" value="<fmt:message key='acao.limpar' />" onclick="javascript:window.location.assign('${path}/pages/fichaCriminal/novo')" />
        <input type="button" value="<fmt:message key='acao.pesquisar' />" onclick="javascript:window.location.assign('${path}/pages/fichaCriminal')" />
    </div>
</form>
<%@ include file="/WEB-INF/jsp/includes/rodape.jspf" %>